<#import "../layout/common.html" as com> 
<@com.page title="Quiz" pageId="pageKokology" data={'css':'quiz/quiz', 'js':'quiz/kokology', 'ver':'a00'}>

<div class="space">
	<div class="app-page" id="page-help">
		<div class="panel panel-default">
			<div class="panel-heading"><h3 class="panel-title">Trắc nghiệm tâm lý Kokology</h3></div>
			<div class="panel-body">
				<p>KOKOLOGY là những trò chơi trắc nghiệm tâm lí được thiết kế theo hình thức dễ tiếp cận cho tất cả mọi người chơi vì nó giúp thư giãn đầu óc nhưng lại cho Kết Quả Thật vì thông qua những lời diễn giải khoa học và khá chính xác, bạn sẽ sửng sốt nhận ra những nét tính cách thật sự và nguồn năng lực tiềm ẩn của mình</p>
				<ul>
					<li>Lưu ý:</li>
					<li>- Hãy nói ngay ra điều đầu tiên hiện ra trong tâm trí bạn</li>
					<li>- Đừng cố đoán trước những câu hỏi</li>
					<li>- Hãy tự thành thật với chính mình</li>
				</ul>
			</div>
			<div class="panel-footer clearfix">
			<form id="helpForm">
				<a href="/app/quiz" class="btn btn-default pull-left">Trở về</a>
				<input type="submit" class="btn btn-default pull-right start-button" value="Bắt đầu!"/>
			</form>
			</div>
		</div>
	</div>
	
	<div class="app-page kokology" id="page-quiz">
		<div class="panel panel-default">
			<div class="panel-heading clearfix">
				<h3 class="panel-title title-main">Câu <span id="currentQuestion">1</span> / <span id="totalQuestions">7</span></h3>
				<h3 class="panel-title title-result">Kết quả</h3>
			</div>
			<div class="panel-body questions" id="quizes">
				<div id="quiz-0" class="quiz">
					<p>1Một ngày nọ, một chú chim xanh thình lình bay vào nhà bạn và không chịu bay đi. bạn bèn đem chú chim vào lồng, nhốt lại cẩn thận. Sang ngày hôm sau, bạn phát hiện một điều kì diệu, chú chim có khả năng đổi sang màu vàng. Hóa ra đây là một khả nắng đặc biệt của chú chim này, sáng hôm sau, chú chim lại đổi sang màu đỏ. và ngày thứ 3, kkhi thức dậy, bạn phát hiện chú chim đã đổi sang màu đen thui. Vậy bạn hãy nghĩ thử xem, sang ngày thư 4, chú sẽ đổi sang màu gì:</p>
					<label><input type="radio" name="q-0" value="0"> Vẫn giữ nguyên màu đen</label>
					<label><input type="radio" name="q-0" value="0"> Vẫn giữ nguyên màu trắng</label>
					<label><input type="radio" name="q-0" value="0"> Vẫn giữ nguyên màu tím</label>
					<label><input type="radio" name="q-0" value="0"> Vẫn giữ nguyên đỏ</label>
				</div>
			</div>
			<div class="panel-footer" id="quizFooter">
				<a href="/app/quiz" class="btn btn-default">Trở về</a>
				<input type="button" class="btn btn-default pull-right next-button" value="Tiếp tục"/>
			</div>
		</div>
	</div>
	
	<div class="app-page" id="page-result">
		<div class="panel panel-default">
			<div class="panel-heading"><h3 class="panel-title">Kết quả</h3></div>
			<div class="panel-body">
				<p>Hãy lựa chọn bằng ý nghĩ xuất hiện đầu tiên trong đầu bạn, nếu bạn dùng dằng, không dứt khoát giữa hai lựa chọn thì kết quả không còn linh nghiệm nữa... </p>
			</div>
		</div>
	</div>
</div>

</@com.page>